Vue3 問題請益(救救我這塊燒壞的腦袋...)

Andrew 2023-07-04 18:28:18 ‧ 1326 瀏覽

想請教各位大神
小弟剛入門前端正在外面進修相關的前端課程目前碰過的東西只有HTML、CSS、Javascript以及淺淺的Vue3
最近上到Vue3遇到許多問題
1.想請教關於圖片中的此句程式碼，v-for以及v-bind該如何解釋?

很想搞清楚他們的連動關係，也想詢問js的底子是否要很強，是否要搞懂很多語法、名詞、用法、運作的方式，在學Vue3的東西才會那麼不吃力。

特此上來請教各位大神!!

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

Andy Chang

iT邦研究生 3 級 ‧ 2023-07-04 23:18:58

v-for="b in names"

對你下面js部份data裡的names陣列跑迴圈，把陣列每一個子項目命名為b，然後幫每個b個別產生一個<option>

v-bind:value="b.value"

承上，把b(就是{ title: '', value: '' })裡面的value和<option>的value做綁定

Andrew iT邦新手 5 級 ‧ 2023-07-05 02:25:55 檢舉

感謝前輩的回答!!言簡意賅且很清楚，這樣也同時解答到，我沒有問到的變數命名為何前後可以相同卻不影響程式地進行了。

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

IT邦幫忙